<!DOCTYPE html>
<html>

<head>
	<title>Online Store Login</title>
	<link rel="stylesheet" type="text/css" href="css/style.css">
</head>

<body>
	<header>
		<h2>Online Store</h2>
	</header>
	<main>
		<div class="content narrowbox">
			<h2>Login</h2>
			<hr>
			<form action="login.php" method="POST" class="logNregForm">
				<label for="usr">Username:</label>
				<input type="text" id="usr" name="usr" placeholder="Enter your user id" required>
				<!-- user enters a UIC email address as the username-->
				<label for="pwd">Password:</label>
				<input type="password" id="pwd" name="pwd" placeholder="Enter your password" required>
				<!-- the user choose to be buyer or seller -->
				<label for="role">Role:</label>
				<select id="role" name="role">
					<option value="customer">Customer</option>
					<option value="seller">Seller</option>
					<option value="admin">Admin</option>
				</select>
				<button type="submit">Login</button>
				<p>Don't have an account? Go to <a href="RegisterPage.php">Register</a></p>
			</form>
		</div>
	</main>

</body>

</html>